<section id="weui_icons_section" data-role="section">
	<header class="comm-header">
		<h1 class="title">Icons</h1>
		<a data-toggle="back" href="#" class="pull-right"><i class="weui_icon_cancel"></i></a>
	</header>
	<article data-role="article" id="weui_icons_article" class="active" style="top:44px;bottom:0px;">
		<div class="scroller">
			<br>
			<div class="bd spacing text-center">
                <i class="weui_icon_msg weui_icon_success"></i>
                <i class="weui_icon_msg weui_icon_info"></i>
                <i class="weui_icon_msg weui_icon_warn"></i>
                <i class="weui_icon_msg weui_icon_waiting"></i>
                <i class="weui_icon_safe weui_icon_safe_success"></i>
                <i class="weui_icon_safe weui_icon_safe_warn"></i>
                <div class="icon_sp_area">
                    <i class="weui_icon_success"></i>
                    <i class="weui_icon_success_circle"></i>
                    <i class="weui_icon_success_no_circle"></i>
                    <i class="weui_icon_info"></i>
                    <i class="weui_icon_waiting"></i>
                    <i class="weui_icon_waiting_circle"></i>
                    <i class="weui_icon_circle"></i>
                    <i class="weui_icon_warn"></i>
                    <i class="weui_icon_download"></i>
                    <i class="weui_icon_info_circle"></i>
                    <i class="weui_icon_cancel"></i>
                    <i class="weui_icon_search"></i>
                </div>
            </div>
		</div>
	</article>
</section>